<%
var p = {

	// 标签参数
	id: id!,					// 元素ID
	
	bizKey: bizKey!,			// 业务表的主键值（与附件关联的业务数据）
	bizType: bizType!,			// 业务表的上传类型（全网唯一，推荐格式：实体名_上传类型，例如，文章图片：article_photo）
	
	returnPath: @ObjectUtils.toBoolean(returnPath!false), 	// 是否是返回文件路径到输入框（默认false），可将路径直接保存到某个字段里
	filePathInputId: filePathInputId!,	// 设置文件URL存放的输入框的ID，当returnPath为true的时候，返回文件URL到这个输入框
	fileNameInputId: fileNameInputId!,	// 设置文件名称存放的输入框的ID，当returnPath为true的时候，返回文件名称到这个输入框
	
	uploadType: uploadType!'',			// 上传文件类型：all、file、image、media，若不设置，则自动根据上传文件后缀获取
	class: class!'',					// 标签框的CSS类名，设置 required 加入必填验证
	readonly: @ObjectUtils.toBoolean(readonly!false),		// 是否只读模式，只读模式下为查看模式，只允许下载
	
	allowSuffixes: allowSuffixes!, 	// 允许上传的后缀，前台的限制，不能超越file.*AllowSuffixes的设置，例如：.jpg,.png,
	maxUploadNum: @ObjectUtils.toInteger(maxUploadNum!300),		// 多文件下允许最多上传几个，默认300个，设置-1代表不限制
	
	imageMaxWidth: @ObjectUtils.toInteger(imageMaxWidth!1024),	// 图片压缩，最大宽度（uploadType为image生效），设置-1代表不做任何处理
	imageMaxHeight: @ObjectUtils.toInteger(imageMaxHeight!768),	// 图片压缩，最大宽度（uploadType为image生效），设置-1代表不做任何处理
	
	maxFileSize: @ObjectUtils.toLong(maxFileSize!10*1024*1024),
	
	isLazy: @ObjectUtils.toBoolean(isLazy!false),				// 设置为ture需要点击上传按钮才上传文件，否则选择后就直接上传
	
	isMini: @ObjectUtils.toBoolean(isMini!false),				// 是否是精简上传窗口，无边距，无边框
	
	preview: preview!''										// 是否显示预览按钮，接受参数：weboffice
	
};


%>

<div id="${p.id}_wup" class="wup_container ">
	<input id="${p.id}" name="${p.bizType}" value="" class="wup_input ${p.uploadType} ${p.class}"/>
	<input id="${p.id}__del" name="${p.bizType}__del" value="" type="hidden"/>
	<div class="area">
			<div id="${p.id}Uploader" class="wup_${p.uploadType=='image'?'img':'file'}">
				<div class="statusBar" style="display:none;">
					<div class="progress">
						<span class="text">0%</span>
						<span class="percentage"></span>
					</div>
					<div class="info"></div>
					<div class="btns">
						<div id="${p.id}filePicker2" class="webuploader-container"></div>
						<div class="uploadBtn ${p.uploadType=='image'?'state-pedding':''}">开始上传</div>
					</div>
				</div>
				<div class="queueList">
					<% if(p.uploadType=="image"){ %>
						<ul id="${p.id}fileLists" class="filelist"></ul>
					<%}else{%>
					<div class="table-responsive">
						<table class="table table-striped filetable table-hover">
							<tbody id="${p.id}fileLists"></tbody>
						</table>
					</div>
					<%}%>
						<div id="${p.id}dndArea" class="placeholder">
							<div id="${p.id}filePicker" class="webuploader-container"></div>
							<p>或将照片拖到这里，最多可选 ${p.maxUploadNum} 个</p>
						</div>
				</div>
			</div>
	</div>
</div>
<script type="text/javascript">
$(function() {
	$('#${p.id}Uploader').webuploader({
		id: '${p.id}',
		bizKey: '${p.bizKey}',
		bizType: '${p.bizType}',
		readonly: ${p.readonly},
		returnPath: ${p.returnPath},
		filePathInputId: '${p.filePathInputId}',
		fileNameInputId: '${p.fileNameInputId}',
		uploadType: '${p.uploadType}',
		imageAllowSuffixes: '${p.allowSuffixes!@Global.getConfig("file.imageAllowSuffixes")}',
		mediaAllowSuffixes: '${@Global.getConfig("file.mediaAllowSuffixes")}',
		fileAllowSuffixes: '${@Global.getConfig("file.fileAllowSuffixes")}',
		maxFileSize: ${p.maxFileSize},
		maxUploadNum: ${p.maxUploadNum},
		imageMaxWidth: ${p.imageMaxWidth},
		imageMaxHeight: ${p.imageMaxHeight},
		extendParams: {},
		isLazy: ${p.isLazy},
		preview: '${p.preview}'
	});
}); 
</script>	